<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<title>accordion</title>
		<script type="text/javascript">var CTP_WEB_FULLPATH = "../../"</script>
		<script type="text/javascript" src="../../js/jquery/jquery.js"></script>
		<script type="text/javascript" src="../../js/jqueryui/jquery-ui.js"></script>
		<script type="text/javascript" src="../../js/ctp/public/ctp.core.js"></script>
		<script type="text/javascript" src="../../js/ctp/public/jsextend.js"></script>
		<script type="text/javascript" src="../../js/ctp/borderlayout/ctp.ui.borderlayout.js"></script>
		<script type="text/javascript" src="../../js/ctp/borderlayout/jquery.layout.js"></script>
		<script type="text/javascript" src="../../js/ctp/gridlayout/ctp.ui.gridlayout.js"></script>
		<script type="text/javascript" src="../../js/ctp/accordion/ui.accordion.js"></script>
		<script type="text/javascript" src="../../js/ctp/accordion/ctp.ui.accordion.js"></script>
		<script type="text/javascript" src="../../js/ctp/textfield/ctp.ui.textfield.js"></script>
        <script type="text/javascript" src="../../js/ctp/label/ctp.ui.label.js"></script>
        <script type="text/javascript" src="../../js/ctp/image/ctp.ui.image.js"></script>
        <script type="text/javascript" src="../../js/ctp/button/ctp.ui.button.js"></script>
        <link href="../../css/button.css" rel="stylesheet" type="text/css"/>
        <link href="../../css/image.css" rel="stylesheet" type="text/css"/>
        <link href="../../css/borderlayout.css" rel="stylesheet" type="text/css"/>
		<link href="../../css/accordion.css" rel="stylesheet" type="text/css"/>
		<link href="../../css/gridlayout.css" rel="stylesheet" type="text/css"/>
		<link href="../../css/textfield.css" rel="stylesheet" type="text/css"/>
		<link href="../../css/skins/blue/ctp-common.css" rel="stylesheet" type="text/css"/>

		<script type="text/javascript">
			var accor1;
			var gridlayout;
			var l;
			var image;
			$(document).ready(	
				function(){
					l = new ctp.ui.borderlayout({
	                    type: "3T",
		                north__size: 0.06
                	});
     				
	                gridlayout = new ctp.ui.gridlayout({
	                    id: 'layoutId2',
	                    layout: 'rows',
	                    items: [[{label: {text: '列:'},element: {type: 'textfield'}},{label: {text: '列:'},element: {type: 'textfield'}}],
						[{label: {text: '列:'},element: {type: 'textfield'}},{label: {text: '列:'},element: {type: 'textfield'}}],
						[{label: {text: '列:'},element: {type: 'textfield'}},{label: {text: '列:'},element: {type: 'textfield'}}],
						[{label: {text: '列:'},element: {type: 'textfield'}},{label: {text: '列:'},element: {type: 'textfield'}}]]
	                });
					accor1 = new ctp.ui.accordion({
						id:'accordion',
						width:'400px',
						//active:0,
						height:'400px',
						renderTo:'accordionDiv',
						items:[{title:'第一个标签',items: []},
								{title: 'bb',items: [l]}]
					});
					
				});
		</script>
	</head>
	<body>
		<div id="accordionDiv" style="padding: 40px 40px 40px 40px;"></div>
	</body>
</html>